		<div id="content" class="span10">
			<!-- content starts -->
			<div id="fb-root"></div>
      <script type="text/javascript">
        var fb_app_id = <?php echo $fb_app_id; ?>
      </script>
      
			<div class="row-fluid">
				<div class="box span9">
					<div class="box-header well">
						<h2><i class="icon-picture"></i> Infografías</h2>
						<div class="box-icon">
						</div>
					</div>
					<!-- CONTENIDO BOX PRINCIPAL -->
					<div class="box-content">
						
						<!-- Filtros de las publicaciones -->
						<form action="<?php echo base_url('tic/infografia'); ?>" id="frmfilter" class="form-inline" style="text-align: center;">
							<div class="input-prepend span12" style="text-align: left;margin: 0 0 10px 50px;">
								<span class="add-on"><i class="icon-search"></i>
								</span><input type="text" name="fbuscar" id="fbuscar" value="<?php echo $this->input->get('fbuscar'); ?>" class="input-medium" 
									autofocus placeholder="Encuéntralo rápido">

						<?php if ($this->input->get('pub') == 1) { ?>
								<span class="add-on" style="margin-left: 10px;">Materia
								</span><select name="fmateria" id="fmateria" class="span3">
									<option value="" <?php echo set_select_get('fmateria', ''); ?>>Materia</option>
									<option value="educacion" <?php echo set_select_get('fmateria', 'educacion'); ?>>Educación</option>
									<option value="medio ambiente" <?php echo set_select_get('fmateria', 'medio ambiente'); ?>>Medio ambiente</option>
									<option value="salud" <?php echo set_select_get('fmateria', 'salud'); ?>>Salud</option>
									<option value="economia" <?php echo set_select_get('fmateria', 'economia'); ?>>Economía</option>
									<option value="politica" <?php echo set_select_get('fmateria', 'politica'); ?>>Política</option>
									<option value="violencia / delincuencia" <?php echo set_select_get('fmateria', 'violencia / delincuencia'); ?>>Violencia / Delincuencia</option>
									<option value="social" <?php echo set_select_get('fmateria', 'social'); ?>>Social</option>
									<option value="cultura" <?php echo set_select_get('fmateria', 'cultura'); ?>>Cultura</option>
									<option value="herramientas" <?php echo set_select_get('fmateria', 'herramientas'); ?>>Herramientas</option>
								</select>
						<?php } ?>

							</div>
						</form>

						<div class="row-fluid">

							<!-- Galeria de la publicaciones -->
							<div class="gallery22 span12">
						<?php 
						if (is_array($infogramas['infogramas'])) {
						 	foreach ($infogramas['infogramas'] as $key => $value) {
						 		if (($key % 3) == 0) {
						 			echo '<div class="clearfix"></div>';
						 		}
						 	?>
								<div class="itm br">
									<!-- Imagen del item -->
									<a class="lkshow_publicacion" href="javascript:void(0);" data-href="<?php echo base_url('tic/infografia/ver_infografia?url='.$value->url); ?>">
										<img width="238" height="179" src="<?php echo base_url($value->url_thumb); ?>">
									</a>
									
									<span style="display: block; clear: both;"></span>
									
									<!-- Toda la info del item -->
									<div class="itm-minfo parent_sendmail">
										<span class="itm-titulo"><?php echo $value->titulo; ?></span>

										<span style="display: block; clear: both;"></span>
										
										<!-- botones Abrir del item -->
										<div class="btn-group pull-left" style="margin: 5px 0 0 18%;">
											<a class="btn lkshow_publicacion" href="javascript:void(0);" data-href="<?php echo base_url('tic/infografia/ver_infografia?url='.$value->url); ?>">Abrir</a>
											<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
												<span class="caret"></span>
											</a>
											<ul class="dropdown-menu">
												<li><a class="lkshow_publicacion" href="javascript:void(0);" data-href="<?php echo base_url('tic/infografia/ver_infografia?url='.$value->url); ?>">Ver</a></li>
												<li><a href="<?php echo base_url('publicaciones/infografia?art='.$value->id_imagen); ?>">Descargar</a></li>
												<li class="divider"></li>
												<li><a style="cursor: pointer">Cancelar</a></li>
											</ul>
										</div> 
										<a href="javascript:void(0);" data-id="<?php echo $value->id_imagen; ?>" class="btn infoaddfavorito <?php echo ($value->favorito!='no'? 'btn-warning': ''); ?>" style="margin: 5px 0 0 5px;">Favorito</a>

									</div> <!-- end info item -->
								</div>
						<?php 
							}
						} ?>
							</div> <!-- end Galeria -->
								
							<div style="clear: both"></div>
							<?php
							//Paginacion
							$this->pagination->initialize(array(
									'base_url' 			=> base_url($this->uri->uri_string()).'?'.String::getVarsLink(array('pag')).(String::getVarsLink(array('pag'))!=''? '&': ''),
									'total_rows'		=> $infogramas['total_rows'],
									'per_page'			=> $infogramas['items_per_page'],
									'cur_page'			=> $infogramas['result_page']*$infogramas['items_per_page'],
									'page_query_string'	=> TRUE,
									'num_links'			=> 1,
									'anchor_class'	=> 'pags corner-all',
									'num_tag_open' 	=> '<li>',
									'num_tag_close' => '</li>',
									'cur_tag_open'	=> '<li class="active"><a href="#">',
									'cur_tag_close' => '</a></li>'
							));
							$pagination = $this->pagination->create_links();
							echo '<div class="pagination pagination-centered"><ul>'.$pagination.'</ul></div>'; 
							?>

						</div> <!-- end row -->

						<!-- iframe ver publicacion -->
						<div id="ver_publicaciones">
							<div class="controls">
								<i class="icon-remove icon-blank pubcerrar" title="Cerrar"></i>
								<i class="icon-fullscreen icon-blank pubfullscreen" title="Pantalla completa"></i>
								<div style="clear: both;"></div>
							</div>
							<iframe id="frame_verpub" src="" frameborder="0">Publicaciones</iframe>
						</div>

					</div>
				</div><!--/span-->
						
						
				<!-- Barra Derecha Carrito de compras --> 
				<div class="box span3">
					<div class="box-header well" data-original-title>
						<h2><i class="icon-shopping-cart"></i> Opciones de compra</h2>
						<div class="box-icon">
						</div>
					</div>
					<div class="box-content">
						<div class="box-content">
							<?php echo $barra_right; ?>
						</div>
					</div>
				</div><!--/span-->
					
			</div><!--/row-->
				  
       
					<!-- content ends -->
	</div><!--/#content.span10-->



<!-- Modal leer mas -->
<div class="modal usrmodal" id="myModal" style="width: 900px;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel" class="modaltitle">Modal header</h3>
  </div>
  <div class="modal-body">
  	
  </div>
</div>




<!-- Bloque de alertas -->
<?php if(isset($frm_errors)){
	if($frm_errors['msg'] != ''){ 
?>
<script type="text/javascript" charset="UTF-8">
	$(document).ready(function(){
		noty({"text":"<?php echo $frm_errors['msg']; ?>", "layout":"topRight", "type":"<?php echo $frm_errors['ico']; ?>"});
	});
</script>
<?php }
}?>
<!-- Bloque de alertas -->